<template>
  <div>
    <Navigation :isLogined="isLogined" :userName="userName" :userIcon="userIcon"></Navigation>
    <Recommend></Recommend>
    <Floor></Floor>
  </div>
</template>

<script>
import Navigation from "../components/Index/Navigation";
import Recommend from "../components/Index/Recommend";
import Floor from "../components/Index/Floor";
export default {
  components: {
    Navigation,
    Recommend,
    Floor,
  },
  props: {
    isLogined: {
      type: Boolean,
      default() {
        return false;
      },
    },
    userName: {
      type: String,
      default() {
        return "";
      },
    },
    userIcon: {
      type: String,
      default() {
        return "../assets/img/user_default_icon.jpg";
      },
    },
  },
  data() {
    return {};
  },
  computed: {},
  watch: {},
  methods: {
    goToLogin() {
      this.$parent.goToLogin();
    },
    goToUserCenter() {
      this.$parent.goToUserCenter();
    },
  },
};
</script>

<style scoped>
</style>